/*
 * @Author: chaoxiaoshu-mx leukotrichia@163.com
 * @Date: 2023-02-09 16:50:54
 * @LastEditors: chaoxiaoshu-mx leukotrichia@163.com
 * @LastEditTime: 2023-02-09 17:43:55
 * @FilePath: \vue-remote-component\vue-main\vue.config.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  runtimeCompiler: true,
  lintOnSave: false,
  devServer: {
    // 主机地址，默认值为localhost/127.0.0.1
    host: 'localhost',
    // 端口配置，默认是8080
    port: 80,
    // 反向代理配置
    proxy: {
        '/api': {
            // target就是我们想要跨域调用的主机地址+端口
            target: 'http://127.0.0.1:3000',
            ws: true, // ------------------------- 代理 websockets
            pathRewrite: { //  ------------------- 重写
                // 当请求地址为host + port + '/api'时, 就会被proxy中的target代替
                // 比如我们想要跨域调用http://127.0.0.1:1888/books/
                // 那么请求地址就应该是http://127.0.0.1:80/api/books
                '^/api': '/'
            }
        }
    }
  }
})
